<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>版本</span>
        <!--<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
      </div>
      <div class="text item">
        软件版本：{{softversion}}
      </div>
      <div class="text item">
        算法版本：{{algversion}}
      </div>
      <div class="text item">
        WEB版本：{{webVersion}}
      </div>
      <div class="text item">
        视频控件版本：{{ocxVersion}}
      </div>
    </el-card>
  </div>
</template>

<script>
    export default {
        name: "version",
      data:function () {
        return{
          softversion: '',
          algversion: '',
          webVersion:'',
          ocxVersion:''
        }
      },
      methods:{
        getversion:function(){
          var _this=this
          _this.postAjax({
            method:'getversion',
            params:{}
          }).then(function (res) {
            console.log(res);
            if(res.result==0){
              var data=res.params
              // debugger
              _this.softversion=data.softversion
              _this.algversion=data.algversion
            }else{
              _this.tips(res.errorInfo.detail,'error')
            }
          }).catch(function (err) {
            console.log(err);
          }).finally(function (fn) {
            console.log(fn);
          })
        }
      },mounted:function () {
          this.webVersion=this.BASE.webVersion
          this.ocxVersion=sessionStorage.getItem('ocxVersion')
        console.log(sessionStorage.getItem('ocxVersion'),60);
        this.getversion()
      }
    }
</script>

<style scoped>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  /*.box-card {*/
    /*width: 480px;*/
  /*}*/
</style>
